<template>
    <div class="web">
        <left-nav/>
        <div class="content">
            <att-header/>
            <router-view class="content-detail"/>
        </div>
    </div>
</template>

<script>
    import LeftNav from '../components/LeftNav'
    import AttHeader from '../components/AttHeader'

    export default {
        name: 'app',
        components: {
            LeftNav,
            AttHeader,
        }
    }
</script>

<style>
    .web{
        margin: 0;
        padding: 0;
        display: flex;
    }

    .content {
        height: 100vh;
        width: 100%;
        background-color: #eeeeee;
        overflow-y: scroll;
    }

    .content-detail {
        width: 98%;
        margin: 10px auto;
    }

    .search {
        float: right;
    }

    .search-wrapper {
        overflow: auto;
        margin-bottom: 10px;
    }

    .search-input {
        margin-right: 10px;
    }

    .page {
        float: right;
        margin-top: 20px;
    }
</style>
